var pan = {
	id:'border-panel',
	layout: 'border',
	height: '100%',
	bodyBorder: false,
	items: [{
		title: 'Live Scoring',
		collapsible: false,
		layout: 'border',
		split: true,
		height: '100%',
		region: 'center',
		contentEl: 'content',
		items: [
			{
				title: 'Round 1',
				id : 'r1',
				collapsible: false,
				layout: 'fit',
				split: true,
				height: '50%',
				region: 'north',
				items: []
			},{
				title: 'Round 2',
				id : 'r2',
				collapsible: false,
				layout: 'fit',
				height: '50%',
				region: 'south',
				items: []
			}
		],
		dockedItems: [{
			xtype: 'toolbar',
			items: [
				{
					iconCls	: 'search-icon',
					text	: 'Search',
					handler	: function(){
						showWinTeeTime();
					}
				},'-','ID Player :',{
					xtype			: 'textfield',
					allowBlank		: false,
					width           : 100,
					readOnly		: true,
					id				: 'id_grdTxtPlayer'
				},{
					xtype			: 'hidden',
					allowBlank		: false,
					id				: 'id_grdTxtTeeTime'
				},'-','Player :',{
					xtype           : 'textfield',
					labelSeparator  : '',
					readOnly		: true,
					id              : 'grdTxtPlayer',
					enableKeyEvents : true,
					width           : 200
				},'-','Tee Time :',{
					xtype           : 'textfield',
					labelSeparator  : '',
					readOnly		: true,
					id              : 'grdTxtTeeTime',
					enableKeyEvents : true,
					width           : 200
				}
			]
		}]
	}],
	buttons: [{
		text: 'Save',
		id : 'saveScore',
		disabled : true,
		handler : function(){
			grid1.getSelectionModel().select(1, true);
			grid2.getSelectionModel().select(1, true);
		}
	}]
}
Ext.getCmp('content-panel').add(pan);